import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import Add from '../../asset/images/add.png';
import './index.scss';

class BottomNav extends Component {
  render() {
    return (
      <div className='bottomNav'>
        <Link className="list-group-item" to="/home">
          <i className='iconfont icon-shouye' />
          <span>首页</span>
        </Link>
        <Link className="list-group-item" to="/about">
          <i className='iconfont icon-shouye1' />
          <span>商城</span>
        </Link>
        <div className='addImg'>
          <img src={Add}></img>
        </div>
        <Link className="list-group-item" to="/home">
          <i className='iconfont icon-faxian' />
          <span>发现</span>
        </Link>
        <Link className="list-group-item" to="/about">
          <i className='iconfont icon-wode' />
          <span>我的</span>
        </Link>
      </div>
    )
  }
}

export default BottomNav;